Transformation and Transition Interview Questions | CSS | NextRound

1What are the four main components of a transition?Intermediate

2What’s the difference between matrix() and matrix3d()?Intermediate

3What are perspective and perspective-origin in 3D transforms? What is the purpose of transform-style: preserve-3d?Intermediate

4How do you apply a 3D rotation using CSS?Intermediate

5What is the use of matrix() in CSS transforms?Intermediate

6What is the difference between translate() and using position or margin for movement?Intermediate

7What is the default transform-origin value?Beginner

8How does rotate() work in CSS?Intermediate

9What are the different types of CSS transformations?Beginner

10What happens when you use negative values in scale()?Intermediate

11What is the transition property in CSS used for?Intermediate

12What does the skew() function do?Intermediate

13Can multiple CSS properties be transitioned simultaneously? How does transition differ from animation in CSS?Intermediate

14Can you apply a transition to an element’s pseudo-class (like :hover)?Intermediate

15What does transform: translate() do?Beginner

16How does changing transform-origin affect rotation or scaling?Intermediate

17How do you apply a 3D rotation using CSS?Intermediate

18What does transition-duration specify?Intermediate

19What is the difference between scale() and scaleX(), scaleY()?Intermediate

20What happens if transition-duration is set to 0s?Beginner

21How can you center an element using transform and translate()?Intermediate

22What are the common timing function values (e.g., ease, linear, ease-in)?Intermediate

23Can you combine multiple transform functions together? How? What is the use of the transform-origin property?Intermediate

24What is the difference between translateX() and translateY()?Intermediate

25What is the purpose of the transform property in CSS?Intermediate

26What is the difference between 2D and 3D transformations?Intermediate

27What is the unit used in rotation?Beginner

28What is the difference between 2D and 3D transformations?Intermediate

29Can transitions be triggered by JavaScript?Intermediate

30What is the shorthand syntax for transition?Beginner